@charset "utf-8";

.my-cal {
	
    box-sizing: content-box;
    width: 560px;/*80*7;*/
   	background-color: rgba(0,0,0,0.1);

    text-align: center;
    vertical-align: middle;
    margin: 5px auto;
    min-height: 200px;
    transform: scale(1.778645833333333,1);
    padding: 40px 10px 20px;
    border-radius: 10px;
}
.my-cal ul{
	list-style: none;
	padding: 0;
	margin: 0;
	clear: both;
}
.my-cal ul.title li,.my-cal ul.body li,.my-cal button {
	float: left;
	text-shadow: 0 0 2px #FFFFFF,0 0 2px #FFFFFF,0 0 5px #FFFFFF;
	box-sizing: border-box;
    margin: 2px;
    width: 76px;
    
    font-size: 24px;
    line-height: 42px;
    font-family: "微软雅黑";
    color: #333;
    
    cursor: pointer;
    
}
.my-cal ul.body li{
	line-height: 1;
	border-radius: 5px;
	margin-top: 20px;
	border: 1px transparent solid;
	padding: 3px 0;
}
.my-cal ul.body li > div:nth-child(2){
	margin-top: 8px;
	line-height: 1;
	font-size: 14px;
	
	overflow: hidden;
	white-space:nowrap;
}

.my-cal ul.title li {
	
	font-weight: bold;
	cursor: default;
}

.my-cal ul li.w0 {
	color: red;
}
.my-cal ul li.w6 {
	color:green;
}



.my-cal ul.body li.selected {
	border: 1px red solid;
}
.my-cal > div:nth-child(1){
	height: 50px;
}
.my-cal span {
	text-shadow: 0 0 2px #FFFFFF,0 0 2px #FFFFFF,0 0 5px #FFFFFF;
	text-align: center;
	width: 110px;
	line-height: 22px;
	font-size: 22px;
	color: #000;
	margin: 0 20px;
}
